import React, { Component } from "react"
import { baseURL } from "../../utils/request"
import Css from "./index.module.scss"
class HouseItem extends Component {

    render() {
        const v = this.props.houseItem;
        return (<div className={Css.house_item}>
            <div className={Css.item_img}><img src={baseURL + v.houseImg} alt="" /></div>
            <div className={Css.item_info}>
                <div className={Css.item_title}>{v.title}</div>
                <div className={Css.item_desc}>{v.desc}</div>
                <div className={Css.item_tags}>{v.tags.map(vv => <span key={vv}>{vv}</span>)}</div>
                <div className={Css.item_price}>
                    <span>{v.price}</span>元/月
            </div>
            </div>
        </div>
        );
    }
}

export default HouseItem;